// import styled from "styled-components"
// import { ICreatedByInputProps } from "./types"
import { Input } from "antd"
import { FC } from "react"

import { SFormItem } from "@/components/common"
import { useLocale } from "@/locales"

// eslint-disable-next-line @typescript-eslint/no-unused-vars
const EventIdInput: FC<any> = props => {
	const { placeholder } = props
	const { formatMessage } = useLocale()
	const defaultNormalize = (value: string) => value.replaceAll(" ", "") || undefined
	return (
		<SFormItem name="eventId" normalize={defaultNormalize} label={`${formatMessage({ id: "label.eventId_input" })}:`}>
			<Input placeholder={formatMessage({ id: placeholder ? placeholder : "label.eventId_input" })} allowClear />
		</SFormItem>
	)
}

export default EventIdInput
